<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <style>
        .box{
            font-size: 700px;
        }
        .a{
            background-color: pink;
            height: 200px;
            width: 100px;
        }
    </style>
    <div class="a">666</div>
    <script>
        const a =document.querySelector('.a')
    </script> -->
<!-- <img src="../作业图片/images/course01.png" alt="">
    

    <script>
        const p=Math.floor(Math.random()*3)+1
        const a=document.querySelector("img")
        a.src="../作业图片/images/course0"+p+".png" -->
    <!-- </script> -->
     <style>
        *{
            margin: auto;
            padding: 0;
        }
        .box1{
            height: 500px;
            width: 500px;
    
        }
        .box2{
             background-color: brown;
        }
        li{
            float: left;
            background-color: brown;
        }
     </style>
    <div class="box1">
         <img src="../作业图片/images/course01.png" alt="" width="200px" height="200px">
    <div class="box2">
         <p>444</p>
     <li></li>
     <li></li>
     <li></li> 
     <li></li>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
    </div>
    </div>
       <script>
        const sliderData = [
      { url: '../作业图片/images/course01.png', title: '对人类来说会不会太超前了？', color: 'rgb(100, 67, 68)' },
      { url: '../作业图片/images/course02.png', title: '开启剑与雪的黑暗传说！', color: 'rgb(43, 35, 26)' },
      { url: '../作业图片/images/course03.png', title: '真正的jo厨出现了!', color: 'rgb(36, 31, 33)' },
      { url: '../作业图片/images/course04.png', title: '快来分享你的寒假日常吧~', color: 'rgb(139, 98, 66)' },
      { url: '../作业图片/images/course05.png', title: '李玉刚:让世界通过B站看到东方大国文化', color: 'rgb(67, 90, 92)' },
      { url: '../作业图片/images/course06.png', title: '哔哩哔哩小年YEAH', color: 'rgb(166, 131, 143)' },
      { url: '../作业图片/images/course07.png', title: '一站式解决你的电脑配置问题！！！', color: 'rgb(53, 29, 25)' },
      { url: '../作业图片/images/course08.png', title: '谁不想和小猫咪贴贴呢！', color: 'rgb(99, 72, 114)' },
    ]
    function getrandomcolor(flag){
        let arr=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f']
        let str ='#'
        if (flag){
            for (let i =0;i<6;i++){
                str +=arr[Math.floor(Math.random()*arr.length)]
            }
            return str
        }else{
             const r =Math.floor(Math.random()*256);
    const g =Math.floor(Math.random()*256);
    const b =Math.floor(Math.random()*256);
    return`rgb(${r},${g},${b})`
        }
    }
    li.style.backgroundColor=getrandomcolor(ture)
     
    
       </script>
</body>
</html>